.order-bar {
  height: 40px;
  background-color: #f5f5f5;
  width: 100%;
  position: fixed;
  left: 0;
  top: 45px;
  z-index: 10;
  font-size: 12px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  :global {
    .order {
      &.active {
        color: #ff623a;
      }
      position: relative;
      .triangle {
        width: 0;
        height: 0;
        border: 4px solid transparent;
        position: absolute;
        right: -12px;
        &.up {
          border-bottom-color: #333;
          top: 1px;
          &.active{
            border-bottom-color: #ff623a;
          }
        }
        &.down {
          border-top-color: #333;
          top: 10px;
          &.active{
            border-top-color: #ff623a;
          }
        }
      }
    }
  }
}
.list-container{
  padding-top: 85px;
}